<%--
  Created by IntelliJ IDEA.
  User: 代浩楠
  Time: 23:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="css/shopping.css">
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/bootstrap.css" />
    <script type="text/javascript" src="js/distpicker.data.js"></script>
    <script type="text/javascript" src="js/distpicker.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/carts.css">
    <link rel="stylesheet" href="css/carousel.css">
    <link rel="stylesheet" href="css/guding.css">
    <script src="js/carts.js"></script>
    <style>
        label.mark{
            background: url("/images/shopping/mark1.png") no-repeat -1px -1px;
        }
    </style>
</head>
<body>
<header>

    <div class="container-fluid" >
        <nav class="navbar navbar-default" role="navigation" style="border: none">
            <div class="col-lg-8 col-lg-offset-2" >

                <div class="navbar-header">
                    <p class="navbar-brand" >欢迎${username}登录</p>
                </div>
                <div>
                    <ul class="nav nav-tabs navbar-right" style="border-bottom: none">
                        <li ><a href="#" style="color: #5d5d5d">我的订单</a></li>
                        <li ><a href="#" style="color: #5d5d5d">我的分销</a></li>
                        <li ><a href="#" style="color: #5d5d5d">信息中心</a></li>
                        <li ><a href="#" style="color: #5d5d5d">联系我们</a></li>
                        <li ><a href="#" style="color: #5d5d5d">退出</a></li>
                    </ul>
                </div>

            </div>
        </nav>
    </div>

    <div class="container-fluid" >
        <div class="col-lg-8 col-lg-offset-2" style="height: 120px">
            <div class="col-lg-3" style="margin-top: -2%">
                <a href="/loginServlet?m=toIndex">
                    <img src="images/logo.jpg" width="150" height="auto">
                </a>
            </div>
            <div class="col-lg-6" style="margin-top: 3%">
                <form>
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="输入关键字搜索">
                        <span class="input-group-addon btn" style="background: #e94220;color: white;">搜索</span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--导航栏-->
    <div>
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="col-lg-8 col-lg-offset-2">
                <div>
                    <ul class="nav navbar-nav ul1">
                        <li class="active1"><a href="loginServlet?m=toIndex">首页</a></li>
                        <li><a href="loginServlet?m=toHot">限时抢购</a></li>
                        <li><a href="loginServlet?m=toSpecial">优惠中心</a></li>
                        <li><a href="#">最新资讯</a></li>
                        <li><a href="#">招商入住</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</header>
<section class="model_bg"></section>

<!--购物车开始-->
<div class="col-md-12">
    <div class="col-md-7 col-md-offset-2" style="margin-left: 21.5%">
        <div class="col-md-2">
            <span class="tt">我的购物车 ${shoppingNum}</span>
        </div>
        <div class="col-md-9 col-md-offset-1">
            <img src="images/shopping/2345_image_file_copy_1.jpg">
            <span class="msg" _ti="32">考拉自营商品已免运费</span>
            &nbsp;
            <a href="javascript:;">再逛逛 &gt;</a>
            <span>配送至</span>
            <span data-toggle="distpicker">
				<select></select>
				<select></select>
				<select></select>
			</span>
        </div>
    </div>
    <section class="cartMain" style="margin-top: 50px">
        <div class="cartMain_hd">
            <ul class="order_lists cartTop">
                <li class="list_chk">
                    <!--所有商品全选-->
                    <input type="checkbox" id="all" class="whole_check">
                    <label for="all"></label>
                    全选
                </li>
                <li class="list_con">商品信息</li>
                <li class="list_info">商品参数</li>
                <li class="list_price">单价</li>
                <li class="list_amount">数量</li>
                <li class="list_sum">金额</li>
                <li class="list_op">操作</li>
            </ul>
        </div>

        <div class="cartBox">
            <div class="shop_info">
                <div class="all_check">
                    <!--店铺全选-->
                    <input type="checkbox" id="shop_a" class="shopChoice">
                </div>
            </div>
            <div class="order_content" >
                <c:forEach items="${cartList}" var="s" >
                        <ul class="order_lists" id="haha">
                            <span style="display: none;" id="id">${s.id}</span>
                            <li class="list_chk">
                                <input type="checkbox" id="checkbox_2" class="son_check">
                                <label for="checkbox_2"></label>
                            </li>
                            <li class="list_con">
                                <div class="list_img"><a href="javascript:;"><img src="${s.commodity_img}" alt=""></a></div>
                                <div class="list_text"><a href="javascript:;">${s.commodity_name}</a></div>
                            </li>
                            <li class="list_info">
                                <p>规格：默认</p>
                                <p>尺寸：16*16*3(cm)</p>
                            </li>
                            <li class="list_price">
                                <p class="price">￥${s.commodity_price}</p>
                            </li>
                            <li class="list_amount">
                                <div class="amount_box">
                                    <a href="javascript:;" class="reduce reSty">-</a>
                                    <input type="text" value="1" class="sum">
                                    <a href="javascript:;" class="plus">+</a>
                                </div>
                            </li>
                            <li class="list_sum">
                                <p class="sum_price">￥${s.commodity_price}</p>
                            </li>
                            <li class="list_op">
                                <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                            </li>
                        </ul>
                </c:forEach>
            </div>
        </div>


        <!--底部-->
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
                <div class="totalMoney">共计: <strong class="total_text">0.00</strong></div>
                <div class="calBtn"><a href="javascript:;">结算</a></div>
            </div>
        </div>
    </section>

    <section class="my_model">
        <p class="title">删除宝贝<span class="closeModel">X</span></p>
        <p>您确认要删除该宝贝吗？</p>
        <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
    </section>
</div>


<footer>
    <div class="container">

        <div class="row col-md-12" style="margin-top: 50px">
            <div class="col-md-3">
                <div class="col-md-4">
                    <img src="images/footer1.PNG"/>
                </div>
                <div class="col-md-8">
                    <p>正品承诺</p>
                    <p>正品保证 假一赔十</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="col-md-4">
                    <img src="images/footer2.PNG"/>
                </div>
                <div class="col-md-8">
                    <p>低价保障</p>
                    <p>缩减中间环节 确保低价</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="col-md-4">
                    <img src="images/footer3.PNG"/>
                </div>
                <div class="col-md-8">
                    <p>30天无忧退货</p>
                    <p>国内退货 售后无忧</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="col-md-4">
                    <img src="images/footer4.PNG"/>
                </div>
                <div class="col-md-8">
                    <p>满88包邮</p>
                    <p>部分特殊商品除外</p>
                </div>
            </div>
        </div>
        <br>
        <hr><br>
        <div class="row">
            <div class="col-md-7 col-md-offset-2">
                <!--<div class="col-lg-2">-->
                <!--<h4>考拉保障</h4><h6>假一赔十</h6><h6>廉政监督</h6>-->
                <!--</div>-->
                <div class="col-md-3">
                    <h4>新手指南</h4><h6>购物流程</h6><h6>支付方式</h6><h6>通关税费</h6><h6>常见问题</h6>
                </div>
                <div class="col-md-3">
                    <h4>售后服务</h4><h6>退货政策</h6><h6>退货流程</h6><h6>退款说明</h6><h6>联系客服</h6>
                </div>
                <div class="col-md-3">
                    <h4>物流配送</h4><h6>配送方式</h6><h6>配送服务</h6><h6>运费标准</h6><h6>物流跟踪</h6>
                </div>
                <div class="col-md-3">
                    <h4>关于我们</h4><h6>联系我们</h6><h6>招商合作</h6><h6>销售联盟</h6><h6>CEO邮箱</h6>
                </div>
            </div>
        </div>
        <br><br><br>
    </div>
    <<div class="container-fluid" style="height: 183px;background-color: #333333;">
    <div class="container" style="color: #c2c2c2;text-align: center">
        <br>
        <p><span>About NetEase</span>-<span>公司简介</span>-<span>联系方法</span>-<span>友情链接</span>-<span>招聘信息</span>-<span>客户服务</span>-<span>隐私政策</span>-<span>网络营销</span>-<span></span></p>
        <p><span>网络文化经营许可证:浙网文[2019]1372-138号</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>增值电信业务经营许可证:浙B2-20160288</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>自营经营者信息</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>(浙)网械平台备字[2018]第00007号</span></p>
        <p><span><img src="images/f1.PNG"></span><span>浙公网安备 33010802002216号</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>网易公司版权所有@1997-2019</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>互联网药品信息服务资格证书编号(浙) -2017-0027</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>浙ICP备16011229号-6</span></p>
        <p><span><img src="images/f2.PNG"></span><span><img src="images/f3.PNG"></span><span><img src="images/f4.PNG"></span></p>
    </div>
</div>
</footer>
<div id="actGotop"><a href="javascript:;" title="Top"></a></div>
<script>
    $("#haha .delBtn").click(function () {
        var id=$(this).parents("#haha").find("#id").text();
        $(".dialog-sure").click(function () {
            $.ajax({
                url:"CartServlet?m=deleteCart",
                type:"POST",
                data:{id:id},
                success:function (data) {

                }
            })
        })

    })
</script>

</body>
